@charset "utf-8";
/* CSS Document */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 6px; height: 16px; background-color: #fff;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
border-radius:0px;
background-color: #f2f2f2;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
cursor: pointer;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
background-color: rgba(0, 118, 218, 1);
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 118, 218, 1);}
::-webkit-scrollbar-thumb:active {background-color: rgba(0, 118, 218, 1);}
html {height: 100%;}
body {
font-family:"微软雅黑";
font-size:14px;
color:#333;
line-height:24px;
background-color: #fff;
overflow-x: hidden;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,dt,form,p,i,span{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none; font-weight: normal; font-style: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
a {color: #333;text-decoration: none;transition: all .2s ease-in-out;}
a:hover {color: #cc0001; text-decoration: none;}
a:active,a:focus {outline: 0;color: #cc0001; text-decoration: none;}
img {border:0; vertical-align: middle;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { zoom:1;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fl{ float:left;}
.fr{ float: right;}
/*BANNER*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {cursor: pointer;}
.swiper-slide img{max-width: 100%;}
.banner_pc{display: block;}
.banner_wap{display: none;}
.home-bt {padding: 40px 0; overflow: hidden; text-align: center; }
.home-bt span{display: block;margin-bottom: 30px;color: #0346a1; font-size: 36px;font-weight: bold;}
.home-bt span b{color: #ca0018; }
.home-bt span:after{
content: '';
position: relative;
width: 60px;
height: 3px;
background: #0346a1;
display: block;
margin: 0 auto;
bottom: -15px;
}
.home-bt small{display: block; font-size: 14px; text-transform: uppercase; color: #999;}
/*首页产品中心*/
.home-pro{display: none;}
.home-pro{}
.home-pro ul{}
.home-pro ul li{float: left; width: 31.333333%;margin: 0 1%; margin-bottom:30px;}
.home-pro ul li .img{display: block;width: 100%;overflow: hidden; position: relative;box-sizing:border-box;text-align: center; border: 1px solid #e7e7e7;}
.home-pro ul li .img img{max-width: 100%; transition: all 0.6s ease-out;}
.home-pro ul li .img h3{
position: absolute;
width: 100%;
left: 0;
bottom:0;
font-size: 16px;
color: #fafafa;
font-weight: normal;
line-height: 50px;
text-align: center;
background:rgba(0,0,0,.56);
white-space: nowrap;
text-overflow: ellipsis;
padding:0 5px;
box-sizing:border-box;
overflow: hidden;
}
.home-pro ul li:hover .img{border:1px solid #0346a1 ;}
.home-pro ul li:hover .img img{ transform: scale(1.1);transition: all 0.6s;}
.home-pro ul li:hover h3{ background:#0346a1;}
/*首页四个产品*/
.home-pros{padding:30px 0; }
.home-pros ul{display: flex;justify-content: center;}
.home-pros ul li{width: 14%;cursor: pointer;position: relative;z-index: 1; transition: all 0.6s ease-out;margin:0 0.5%;height: 505px; overflow: hidden;}
.home-pros ul li:before{content: '';position: absolute;z-index: 2;top:0;left: 0;width: 100%;height: 100%;background: rgba(3,70,161,.7);display: block;}
.home-pros ul li a{display: block;}
.home-pros ul li img{ max-width: none;}
.home-pros ul li h3{position: absolute; top:40%;left: 0;width: 100%;text-align: center;z-index: 3;font-size: 22px;color: #fff;font-weight: normal;text-transform: uppercase;}
.home-pros ul li h3 span{ display: block; width: 30px; height: 2px;background: #fff;margin:5px auto 0;}
.home-pros ul li:hover{width: 30%;transition: all 0.6s;}
.home-pros ul li:hover:before{display: none;}
.home-pros ul li.on{ width: 30%;transition: all 0.6s;}
.home-pros ul li.on:before{display: none;}
/*首页关于我们*/
.home-aboutbg{overflow: hidden; background: url(../images/aboutbg.jpg) no-repeat center; background-size: cover; margin-top: 30px;}
.home-about{}
.home-about h2{ text-align: center;margin: 100px 0 60px 0;}
.home-about .text{font-size: 16px; line-height: 24px; padding: 0 5%; text-align: center;color: #FFF;}
.digital{overflow: hidden; margin: 120px 0; }
.digital ul{}
.digital ul li{float: left; width: 25%; text-align: center; color: #FFF; border-right: 1px solid #FFF;}
.digital ul li:last-child{border-right:0;}
.digital ul li h2{ font-size: 50px; font-weight: bold;}
.digital ul li h2 i{font-size: 14px;position: absolute; margin-top: -5px; font-style: normal;}
.digital ul li h5{font-size: 14px; line-height: 26px;}
/*首页6大优势*/
.home-youshibg{padding: 60px 0;background: url(../images/ys_bg.jpg) no-repeat center;background-size: cover;}
.home-youshi{display: flex;flex-wrap: wrap;}
.ys_img{float: left; width: 40%;text-align: center;}
.ys_img img{max-width: 100%;}
.ys_list{display: flex;flex-wrap: wrap;float: left; width: 60%;}
.ys_list ul{}
.ys_list ul li{float: left; width:31.333333%; margin: 0 1%; margin-bottom: 30px; text-align: center;cursor: pointer;}
.ys_list ul li a.img{display: block;background: url(../images/ysli_bg.png) no-repeat center;text-align: center; width: 136px;line-height: 156px;height: 156px;margin:0 auto;}
.ys_list ul li img.ysimg2{ display: none;}
.ys_list ul li p{ font-size: 14px;color: #6b5757;margin: 10px 0; height: 90px; padding: 0 10px;}
.ys_list ul li p b{display: block; font-size: 17px;color: #333;}
.ys_list ul li:hover a.img{background: url(../images/ysli_bg_h.png) no-repeat center;}
.ys_list ul li:hover img.ysimg1{display: none;}
.ys_list ul li:hover img.ysimg2{ display: inline-block;line-height: 156px;}
/*首页设备展示*/
.home-shebeibg{overflow: hidden; background: #f5f5f5;}
.home-shebei{overflow: hidden; margin: 30px 0;}
.home-shebei ul{}
.home-shebei ul li{float: left; width: 31.333333%;margin: 0 1%; margin-bottom:30px;}
.home-shebei ul li .img{display: block;width: 100%;overflow: hidden; position: relative;box-sizing:border-box;text-align: center; border: 1px solid #e7e7e7;}
.home-shebei ul li .img img{max-width: 100%; transition: all 0.6s ease-out;}
.home-shebei ul li .img h3{
position: absolute;
width: 100%;
left: 0;
bottom:0;
font-size: 16px;
color: #fafafa;
font-weight: normal;
line-height: 50px;
text-align: center;
background:rgba(0,0,0,.56);
white-space: nowrap;
text-overflow: ellipsis;
padding:0 5px;
box-sizing:border-box;
overflow: hidden;
}
.home-shebei ul li:hover .img{border:1px solid #0346a1 ;}
.home-shebei ul li:hover .img img{ transform: scale(1.1);transition: all 0.6s;}
.home-shebei ul li:hover h3{ background:#0346a1;}
/*首页新闻动态*/
.home-news-top{float: left; width: 30%;}
.home-news-top:hover{transition:all ease .3s; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.home-news-top .img{overflow: hidden;}
.home-news-top .img img{max-width: 100%;}
.home-news-top .text{ background: #f7f7f7; padding: 20px;}
.home-news-top .text .shijian{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; background: url(../images/more3.png) no-repeat right 30px;}
.home-news-top .text .shijian .time{ float: left; width: 60px; text-align: center;}
.home-news-top .text .shijian .time b{display: block;font-size: 50px; font-family: Impact;line-height: 50px;color: #999;}
.home-news-top .text .shijian .time span{display: block;font-size: 14px; font-family: Impact;color: #999;}
.home-news-top .text .nr{overflow: hidden;margin: 20px 0;}
.home-news-top .text .nr h3{font-size: 17px;color: #333; margin-bottom: 20px;}
.home-news-top .text .nr p{ color: #666;}
.home-news-top:hover .text .shijian .time b{color: #333;}
.home-news-top:hover .text .shijian .time span{color: #333;}
.home-news{float: left; width: 70%;}
.home-news ul{}
.home-news ul li{float: left; width: 45%; margin-left: 5%;background: #f7f7f7; padding: 20px; margin-bottom: 25px;}
.home-news ul li:hover{transition:all ease .3s; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.home-news ul li .shijian{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; background: url(../images/more3.png) no-repeat right 30px;}
.home-news ul li .shijian .time{ float: left; width: 60px; text-align: center;}
.home-news ul li .shijian .time b{display: block;font-size: 50px; font-family: Impact;line-height: 50px;color: #999;}
.home-news ul li .shijian .time span{display: block;font-size: 14px; font-family: Impact;color: #999;}
.home-news ul li .nr{overflow: hidden;margin: 20px 0;}
.home-news ul li .nr h3{font-size: 17px;color: #333; margin-bottom: 20px;}
.home-news ul li .nr p{ color: #666;}
.home-news ul li:hover .shijian .time b{color: #333;}
.home-news ul li:hover .shijian .time span{color: #333;}
@media (min-width:1024px) and (max-width:1366px) {
.home-bt span{font-size: 32px;}
.home-pro ul li .img h3{font-size: 15px;}
.home-shebei ul li .img h3{font-size: 15px;}
}
@media (min-width:768px) and (max-width:1023px) {
.home-bt span{font-size: 28px;}
.home-about .text{font-size: 14px;}
.home-pro ul li .img h3{font-size: 14px;}
.home-shebei ul li .img h3{font-size: 14px;}
.home-pros ul li h3{font-size: 17px; font-weight:bold;}
.ys_img{width: 100%;}
.ys_list{width: 100%;}
}
@media screen and (max-width:767px) {
.banner_pc{display: none;}
.banner_wap{display: block;}
.home-bt span{font-size: 24px;}
.home-pro{display: block;}
.home-pro ul li{width: 48%;}
.home-pro ul li:last-child{display: none;}
.home-pro ul li .img h3{font-size: 13px;line-height: 40px;}
.home-pros{display: none;}
.home-about h2{margin: 50px 0 30px 0;}
.home-about .text{font-size: 13px;}
.digital ul li{width: 50%; border-right:0; margin-bottom: 30px;}
.home-shebei ul li{width: 100%; margin: 0; margin-bottom: 20px;}
.home-shebei ul li .img h3{font-size: 13px;}
.home-news-top{width: 100%; margin-bottom: 30px;}
.home-news{width: 100%;}
.home-news ul li{width: 100%; margin-left: 0;}
.home-youshibg{display: none;}
}